
    Vue.component('coupon',{
        
        
            //vue语法需要在一个可识别的root node里面执行,所以需要包一层 div
            template: `
        
         <input placeholder="请输入代金券" @blur="onCouponApplied">  </input>
        
        `,

        methods: {

            onCouponApplied() {
            //触发了该事件后,再发射事件告知监听的控件
            this.$emit('applied');

            //this.$emit('applied',this.coupon); //带参数

            }

        }
        
        
    });
    
    
    
    new Vue({
        
            el:'#root',
        
data:{
    couponIsUsed:false
},

            methods: {
    
                //通过监听applied事件而触发
                onCouponApplied () {
                //alert('啊哈哈哈哈');
                this.couponIsUsed=true;
    
                }
    
    
            },
        
        });